<template>
  <section class="bg-gray-fa lg:pt-20 lg:pb-9 py-9 text-center">
    <div class="lg:text-3xl text-xl font-bold">
      <span class="lg:inline hidden">家园共育 · </span>
      发展评价 - 科学引导家庭教育
    </div>
    <div class="lg:mt-16 mt-4 container mx-auto lg:flex lg:space-x-[50px]">
      <img src="@/assets/img/kid10.png" class="lg:w-[517px] w-full" alt="" />
      <ul class="lg:mt-0 mt-4 text-left px-4">
        <li class="lg:text-2xl text-base font-bold">科学引导家庭教育</li>
        <li class="lg:mt-8 mt-4" v-for="(item, index) in list" :key="index">
          <div class="text-gray-66 lg:text-sm text-xs leading-7">
            {{ item }}
          </div>
        </li>
      </ul>
    </div>
  </section>
</template>

<script>
export default {
  data() {
    return {
      list: [
        "每学期生成幼儿阶段性发展评价报告，包含成长故事、评价结果、目标解释、家庭教育建议等。教师可一键分享给家长，让家长更清晰地了解孩子的发展现状。 ",
        "系统内置一套科学教育目标体系，包含五大领域一共321项教育目标，可以作为幼儿园发展评价时的统一标准。",
        " 系统为每项评价都设置了专业家庭延伸教育建议，教师可以直接使用。",
      ],
    };
  },
};
</script>
